
/******************************************************************************
 *                                                                            *
 * Button                                                                     *
 *                                                                            *
 ******************************************************************************/

/**
 *	-fx-font-family: "微软雅黑";
 *	-fx-text-fill: white;
 *	-fx-font-size: 12.0;
 */
.button {
	-fx-background-color: -fx-shadow-highlight-color, -fx-outer-border,
		-fx-inner-border, -fx-body-color;
	-fx-background-insets: 0 0 -1 0, 0, 1, 2;
	-fx-background-radius: 3px, 3px, 2px, 1px;
	-fx-padding: 0.333333em 0.666667em 0.333333em 0.666667em; /* 4 8 4 8 */
	-fx-text-fill: -fx-text-base-color;
	-fx-alignment: CENTER;
	-fx-content-display: LEFT;
}

.button:focused {
    -fx-background-color: -fx-focus-color, -fx-inner-border, -fx-body-color, -fx-faint-focus-color, -fx-body-color;
    -fx-background-insets: -0.2, 1, 2, -1.4, 2.6;
    -fx-background-radius: 3, 2, 1, 4, 1;
}

.button:hover {
	-fx-color: -fx-hover-base;
}

.button:pressed {
	-fx-background-color: #ecf5ff;
	-fx-border-color: #1890ff;
}


.button:default {
    -fx-base: -fx-default-button;
}

/*******************************************************************************
 *                                                                             *
 * ToggleButton                                                                *
 *                                                                             *
 ******************************************************************************/
.toggle-button {
	-fx-background-color: -fx-shadow-highlight-color, -fx-outer-border,
		-fx-inner-border, rgba(255.0, 255.0, 255.0, 0.7);
	-fx-background-insets: 0 0 -1 0, 0, 1, 2;
	-fx-background-radius: 3px, 3px, 2px, 1px;
	-fx-padding: 0.333333em 0.666667em 0.333333em 0.666667em; /* 4 8 4 8 */
	-fx-text-fill: -fx-text-base-color;
	-fx-alignment: CENTER;
	-fx-content-display: LEFT;
}

.toggle-button:hover {
	-fx-color: #ecf5ff;
}

.toggle-button:focused {
	-fx-background-color: #c6e1ff;
	-fx-background-insets: -0.2, 1, 2, -1.4, 2.6;
	-fx-background-radius: 3, 2, 1, 4, 1;
}

.toggle-button:selected {
	-fx-background-color: #2698ff;
	-fx-background-insets: 0 0 -1 0, 0, 1;
	-fx-text-fill: #fff;
}

.toggle-button:selected:focused {
	-fx-background-color: #55aeff;
	-fx-background-insets: -0.2, 1, -1.4, 2.6;
	-fx-background-radius: 3, 2, 4, 0;
}

.button.left-pill, .toggle-button.left-pill {
	-fx-background-radius: 3 0 0 3, 3 0 0 3, 2 0 0 2, 1 0 0 1;
	-fx-background-insets: 0 0 -1 0, 0, 1, 2;
	-fx-padding: 0.333333em 0.666667em 0.333333em 0.75em; /* 4 8 4 9 */
}

.button.center-pill, .toggle-button.center-pill {
	-fx-background-radius: 0;
	-fx-background-insets: 0 0 -1 0, 0 0 0 0, 1 1 1 0, 2 2 2 1;
}

.button.right-pill, .toggle-button.right-pill {
	-fx-background-radius: 0 3 3 0, 0 3 3 0, 0 2 2 0, 0 1 1 0;
	-fx-background-insets: 0 0 -1 0, 0, 1 1 1 0, 2 2 2 1;
}

.button.left-pill:focused, .toggle-button.left-pill:focused {
	-fx-background-insets: -0.2 0 -0.2 -0.2, 1, 2, -1.4 0 -1.4 -1.4, 2.6;
	-fx-background-radius: 3 0 0 3, 2 0 0 2, 1 0 0 1, 4 0 0 4, 1 0 0 1;
}

.button.center-pill:focused, .toggle-button.center-pill:focused {
	-fx-background-insets: -0.2 0 -0.2 -1, 1 1 1 0, 2 2 2 1, -1.4 0 -1.4 -1,
		2.6 2.6 2.6 1.6;
	-fx-background-radius: 0, 0, 0, 0, 0;
}

.button.right-pill:focused, .toggle-button.right-pill:focused {
	-fx-background-insets: -0.2 -0.2 -0.2 -1, 1 1 1 0, 2 2 2 1, -1.4 -1.4
		-1.4 -1, 2.6 2.6 2.6 1.6;
	-fx-background-radius: 0 3 3 0, 0 2 2 0, 0 1 1 0, 0 4 4 0, 0 1 1 0;
}

.toggle-button:selected.left-pill:focused {
	-fx-background-insets: -0.2 0 -0.2 -0.2, 1, -1.4 0 -1.4 -1.4, 2.6;
	-fx-background-radius: 3 0 0 3, 2 0 0 2, 4 0 0 4, 0;
}

.toggle-button:selected.center-pill:focused {
	-fx-background-insets: -0.2 0 -0.2 -1, 1 1 1 0, -1.4 0 -1.4 -1, 2.6 2.6
		2.6 1.6;
	-fx-background-radius: 0, 0, 0, 0;
}

.toggle-button:selected.right-pill:focused {
	-fx-background-insets: -0.2 -0.2 -0.2 -1, 1 1 1 0, -1.4 -1.4 -1.4 -1,
		2.6 2.6 2.6 1.6;
	-fx-background-radius: 0 3 3 0, 0 2 2 0, 0 4 4 0, 0;
}
/******************************************************************************
 *                                                                            *
 * TextField                                                                  *
 *                                                                            *
 ******************************************************************************/
.text-field {
	-fx-background-color: null;
	-fx-border-color: rgb(8.0, 130.0, 255.0, 0.8);
	-fx-border-radius: 3.0;
	-fx-border-width: 1px;
}

.text-field:focused {
	-fx-background-color: null;
	-fx-border-color: rgb(80.0, 170.0, 240.0, 0.8);
}

.text-field:hover {
	-fx-background-color: null;
	-fx-border-color: rgb(80.0, 150.0, 220.0, 0.8);
}

.text-field:disabled {
	-fx-background-color: null;
}

.text-field:focused>.text {
	
}

.text-field>.text {
	-fx-border-color: #000000;
	-fx-border-width: 1.0px;
}

.text-field:focused>.text {
	-fx-border-color: #000000;
	-fx-border-width: 1.0px;
}

/*******************************************************************************
 *                                                                             *
 * TextArea                                                                    *
 *                                                                             *
 ******************************************************************************/
.text-area {
	-fx-background-color: null;
	-fx-border-color: rgb(8.0, 130.0, 255.0, 0.8);
	-fx-border-radius: 3.0;
	-fx-border-width: 1px;
}

.text-area:focused {
	-fx-background-color: null;
	-fx-border-color: rgb(80.0, 170.0, 240.0, 0.8);
}

.text-area:hover {
	-fx-background-color: null;
	-fx-border-color: rgb(80.0, 150.0, 220.0, 0.8);
}

.text-area:disabled {
	-fx-background-color: null;
}

.text-area .content {
	/*the is 1px less top and bottom than TextInput because of scrollpane border */
	-fx-padding: 0.25em 0.583em 0.25em 0.583em; /* 3 7 3 7 */
	-fx-cursor: text;
	-fx-background-color: linear-gradient(from 0px 0px to 0px 4px, derive(-fx-control-inner-background
		, -8%), -fx-control-inner-background);
	-fx-background-radius: 2;
}

.text-area:focused .content {
	
}

/******************************************************************************
 *                                                                            *
 * ComboBox                                                                   *
 *                                                                            *
 ******************************************************************************/
.combo-box-base {
	-fx-background-color: white;
	-fx-background-insets: 0.0;
	-fx-background-radius: 3.0;
	-fx-border-color: #bababa;
	-fx-border-width: 1.0px;
	-fx-border-radius: 3.0;
}

.combo-box-base:focused {
	-fx-background-color: #f7f7f7;
	-fx-border-color: #229dd2;
	-fx-border-width: 1.0px;
}

.combo-box-base:hover {
	-fx-background-color: #e3e3e3;
	-fx-border-color: #0080ff;
}

.combo-box-base:pressed {
	-fx-background-color: #e1efff;
	-fx-border-color: #0080ff;
}

.combo-box-base:disabled {
	-fx-opacity: .4;
}

.combo-box-base:editable>.text-field {
	-fx-border-color: null;
}

.combo-box-base>.text {
	-fx-border-color: #000000;
	-fx-border-width: 1.0px;
}

.combo-box-base:focused>.text {
	-fx-border-color: #000000;
	-fx-border-width: 1.0px;
}

/* ------- OPEN BUTTON ------- */
.combo-box-base .arrow-button {
	-fx-background-color: transparent, transparent, white;
}

/* ------- ARROW* ------- */
.combo-box-base .arrow {
	-fx-padding: 0.333333em 0.333333em 0.333333em 0.333333em; /* 4 4 4 4 */
	-fx-shape:
		"M8.124,13.625l4.125-3.375v2.889l-4.125,3.86L4,13.139V10.25L8.124,13.625z";
}

.combo-box-popup .list-view {
	-fx-background-color: #909090, -fx-control-inner-background;
	-fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, 0), 8, 0.0, 0, 0);
}

.combo-box-popup .list-view .list-cell:hover {
	-fx-background-color: #dedede;
	-fx-text-fill: #1d1d1d;
}

.combo-box-popup .list-view .list-cell:filled:selected {
	-fx-background-color: #55c4fe;
}

.combo-box-popup .list-view .list-cell:filled:selected:hover {
	-fx-background-color: #6dcdff;
}

.combo-box-popup .list-view .list-cell:filled:pressed, .combo-box-popup .list-view .list-cell:filled:selected:pressed
	{
	-fx-background-color: #d3d3d3;
	-fx-text-fill: #1d1d1d;
}

/*******************************************************************************
 *                                                                             *
 * Choice Box                                                                  *
 *                                                                             *
 ******************************************************************************/
.choice-box {
	-fx-background-color: white;
	-fx-background-insets: 0.0;
	-fx-background-radius: 3.0;
	-fx-border-color: #bababa;
	-fx-border-width: 1.0px;
	-fx-border-radius: 3.0;
}

.choice-box:focused {
	-fx-background-color: #f7f7f7;
	-fx-border-color: #229dd2;
	-fx-border-width: 1.0px;
}

.choice-box:hover {
	-fx-background-color: #e3e3e3;
	-fx-border-color: #0080ff;
}

.choice-box:pressed {
	-fx-background-color: #e1efff;
	-fx-border-color: #0080ff;
}

.choice-box>.text {
	-fx-border-color: #000000;
	-fx-border-width: 1.0px;
}

.choice-box:focused>.text {
	-fx-border-color: #000000;
	-fx-border-width: 1.0px;
}

/*******************************************************************************
 *                                                                             *
 * Check Box                                                                   *
 *                                                                             *
 ******************************************************************************/
.check-box {
	-fx-text-fill: black;
}

.check-box .box {
	-fx-background-color: white;
	-fx-background-insets: 0.0;
	-fx-background-radius: 0.0;
	-fx-border-color: #bababa;
	-fx-border-width: 1.0px;
	-fx-border-style: solid;
	-fx-padding: 1.0;
}

.check-box .mark {
	-fx-background-color: transparent;
	-fx-background-insets: 0.0;
	-fx-padding: 5.0px;
	-fx-shape: "M1,10L3,8L7,12L14,5L16,7L7,16Z"
}

.check-box:hover .box {
	-fx-border-color: #4287f9;
}

.check-box:pressed .box {
	-fx-background-color: white;
}

.check-box:focused .box {
	-fx-border-color: #bababa;
	-fx-border-width: 1.0px;
	-fx-border-style: solid;
}

.check-box:selected .box {
	-fx-background-color: #0764c0;
	-fx-background-insets: 0.0;
	-fx-background-radius: 0.0;
	-fx-border-color: #0764c0;
}

.check-box:selected .mark {
	-fx-background-color: #ffffff;
}

.check-box:indeterminate .mark {
	-fx-background-color: #0259a8;
	-fx-background-insets: 2.8;
	-fx-padding: 5.0px;
	-fx-shape: null;
}

.check-box:disabled {
	-fx-opacity: 0.4;
}

.check-box:disabled .box {
	-fx-background-color: #cdcdcd;
	-fx-border-color: #aaa;
}

.check-box:armed .box {
	-fx-background-color: white;
	-fx-background-insets: -1.0;
	-fx-background-radius: 0.0, 0.0;
}

.check-box:armed .box .mark {
	-fx-background-color: white;
}

/*******************************************************************************
 *                                                                             *
 * RadioButton                                                                 *
 *                                                                             *
 ******************************************************************************/
.radio-button>.radio {
	-fx-background-color: rgb(255.0, 255.0, 255.0, 0.2), -fx-outer-border,
		-fx-inner-border, -fx-body-color;
	-fx-background-insets: 0.0 0.0 -1.0 0.0, 0.0, 1.0, 2.0;
}

.radio-button:selected>.radio>.dot {
	-fx-background-color: #448eda, #448eda;
	-fx-background-insets: -1.0 -1.0 -1.0 -1.0, 0.0;
}

/*******************************************************************************
 *                                                                             *
 * ScrollBar                                                                   *
 *                                                                             *
 ******************************************************************************/
.scroll-bar:horizontal {
	-fx-min-height: 20.0px;
	-fx-pref-height: 20.0px;
}

.scroll-bar:vertical {
	-fx-min-width: 20.0px;
	-fx-pref-width: 20.0px;
}

.scroll-bar:focused {
	
}

.scroll-bar:vertical:focused {
	
}

.scroll-bar>.thumb {
	-fx-background-color: rgba(120.0, 120.0, 120.0, 0.8);
	-fx-background-radius: 5.0, 5.0, 5.0, 5.0, 5.0;
}

.scroll-bar>.thumb:hover {
	-fx-background-color: rgba(90.0, 90.0, 90.0, 0.8);
	-fx-background-radius: 5.0, 5.0, 5.0, 5.0, 5.0;
}

.scroll-bar>.thumb:pressed {
	-fx-background-color: rgba(70.0, 70.0, 70.0, 0.8);
	-fx-background-radius: 5.0, 5.0, 5.0, 5.0, 5.0;
}

.scroll-bar:vertical>.thumb {
	
}

.scroll-bar:horizontal>.thumb {
	
}

/*******************************************************************************
 *                                                                             *
 * ScrollPane                                                                  *
 *                                                                             *
 ******************************************************************************/
.scroll-pane .viewport {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
	-fx-padding: 0.0;
}

.scroll-pane .viewport:focused {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
	-fx-padding: 0.0;
}

.scroll-pane .viewport:hover {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
	-fx-padding: 0.0;
}

.scroll-pane .viewport:pressed {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
	-fx-padding: 0.0;
}

.scroll-pane {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
}

.scroll-pane:hover {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
}

.scroll-pane:pressed {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
}

.scroll-pane .corner {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
}

/*****/
.scroll-pane>.scroll-bar:horizontal {
	-fx-background-color: null;
	-fx-background-insets: 0.0 1.0 1.0 1.0, 1.0;
	-fx-padding: 0.0 1.0 0.0 1.0;
}

.scroll-pane>.scroll-bar:horizontal:hover {
	-fx-background-color: rgba(250.0, 250.0, 250.0, 0.6);
	-fx-background-insets: 0.0 1.0 1.0 1.0, 1.0;
	-fx-padding: 0.0 1.0 0.0 1.0;
}

.scroll-pane>.scroll-bar:horizontal:pressed {
	-fx-background-color: rgba(220.0, 220.0, 220.0, 0.6);
	-fx-background-insets: 0.0 1.0 1.0 1.0, 1.0;
	-fx-padding: 0.0 1.0 0.0 1.0;
}

.scroll-pane>.scroll-bar:horizontal:focused {
	-fx-background-color: rgba(230.0, 230.0, 230.0, 0.6);
	-fx-background-insets: 0.0 1.0 1.0 1.0, 1.0;
	-fx-padding: 0.0 1.0 0.0 1.0;
}

.scroll-pane>.scroll-bar:horizontal>.increment-button, .scroll-pane>.scroll-bar:horizontal>.decrement-button
	{
	-fx-padding: 0.166667em 0.25em 0.25em 0.25em; /** 2 3 3 3 **/
	-fx-background-color: rgba(1.0, 1.0, 1.0, 0.1);
}

/*****/
.scroll-pane>.scroll-bar:vertical {
	-fx-background-color: null;
	-fx-background-insets: 0.0 1.0 1.0 1.0, 1.0;
	-fx-padding: 0.0 1.0 0.0 1.0;
}

.scroll-pane>.scroll-bar:vertical:hover {
	-fx-background-color: rgba(250.0, 250.0, 250.0, 0.6);
	-fx-background-insets: 0.0 1.0 1.0 1.0, 1.0;
	-fx-padding: 0.0 1.0 0.0 1.0;
}

.scroll-pane>.scroll-bar:vertical:pressed {
	-fx-background-color: rgba(220.0, 220.0, 220.0, 0.6);
	-fx-background-insets: 0.0 1.0 1.0 1.0, 1.0;
	-fx-padding: 0.0 1.0 0.0 1.0;
}

.scroll-pane>.scroll-bar:vertical:focused {
	-fx-background-color: rgba(230.0, 230.0, 230.0, 0.6);
	-fx-background-insets: 0.0 1.0 1.0 1.0, 1.0;
	-fx-padding: 0.0 1.0 0.0 1.0;
}

.scroll-pane>.scroll-bar:vertical>.increment-button, .scroll-pane>.scroll-bar:vertical>.decrement-button
	{
	-fx-padding: 0.25em 0.25em 0.25em 0.166667em; /** 3 3 3 2 **/
}

/******************************************************************************
 *                                                                            *
 * Menu                                                                       *
 *                                                                            *
 ******************************************************************************/
.context-menu {
	/*-fx-background-image:url( ../images/menu/menu_background.png);*/
	/*-fx-background-color: #858686;*/
	-fx-min-width: 140.0px;
	-fx-padding: 8.0 0.0 8.0 0.0;
	-fx-spacing: 3.0;
	-fx-background-width: 25.0;
	-fx-background-color: rgba(255.0, 255.0, 255.0, 0.8);
	-fx-background-radius: 3.0px;
	-fx-background-insets: 0.0 0.0 0.0 0.0;
}

/*.context-menu{
    -fx-background-color: #e6e6e6, rgb(255,255,255);
    -fx-background-radius: 3px,0px 3px 3px 0px;
    -fx-background-insets: 0 0 0 0,0 0 0 20;
    -fx-skin: "com.only.fx.skin.OnlyContextMenuSkin";
}*/
.menu-item {
	
}

.menu-item .graphic {
	-fx-width: 28.0px;
}

.menu-item:hover {
	-fx-background-color: rgba(160.0, 160.0, 160.0, 0.3);
}

.menu-item:pressed {
	-fx-background-color: rgba(110.0, 110.0, 110.0, 0.3);
}

.menu-item:focused {
	-fx-background-color: rgba(110.0, 110.0, 110.0, 0.3);
}

.menu-item:selected {
	-fx-background-color: rgba(160.0, 160.0, 160.0, 0.3);
}

.separator-menu-item {
	-fx-background-color: rgba(155.0, 155.0, 155.0, 0.8);
}

.separator-menu-item {
	-fx-color: rgba(0.0, 0.0, 0.0, 0.5);
	-fx-background-color: rgba(0.0, 0.0, 0.0, 0.8);
}

/******************************************************************************
 *                                                                            *
 * TreeView                                                                   *
 *                                                                            *
 ******************************************************************************/
.tree-view {
	-fx-background-color: transparent;
	-fx-background-insets: 0.0, 1.0;
	-fx-padding: 1.0;
}

.tree-view>.virtual-flow>.scroll-bar:vertical {
	-fx-background-insets: 0.0, 0.0 0.0 0.0 1.0;
	-fx-padding: -1.0 -1.0 -1.0 0.0;
}

.tree-view>.virtual-flow>.scroll-bar:horizontal {
	-fx-background-insets: 0.0, 1.0 0.0 0.0 0.0;
	-fx-padding: 0.0 -1.0 -1.0 -1.0;
}

.tree-view>.virtual-flow>.corner {
	-fx-background-color: rgba(210.0, 210.0, 210.0, 1.0);
}

.tree-view:focused>.virtual-flow>.clipped-container>.sheet>.tree-cell:filled:selected
	{
	-fx-background: rgba(210.0, 210.0, 210.0, 1.0);
	-fx-table-cell-border-color: derive(-fx-selection-bar, 20.0%);
}

.virtual-flow {
	-fx-background-color: transparent;
	-fx-background-radius: 0.0;
}

.tree-cell {
	-fx-background: rgba(255.0, 255.0, 255.0, 0.3);
	-fx-background-color: -fx-background;
	-fx-text-fill: -fx-text-background-color;
}

/*******************************************************************************
 *                                                                             *
 * Separator                                                                   *
 *                                                                             *
 ******************************************************************************/
.separator {
	/*-fx-background-color:null;*/
	-fx-background-insets: 1.0, 0.0 0.0 0.0 0.0;
}

.separator>.line {
	-fx-background-color: null;
}

/*******************************************************************************
 *                                                                             *
 * Slider                                                                      *
 *                                                                             *
 ******************************************************************************/
.slider .thumb {
	-fx-background-color: #38b9f4;
	-fx-background-insets: 0.0, 1.0, 2.0;
	-fx-background-radius: 1.0em; /* makes sure this remains circular */
	-fx-padding: 0.583333em; /* 7 */
	-fx-effect: dropshadow(two-pass-box, rgba(0.0, 0.0, 0.0, 0.1), 5.0, 0.0,
		0.0, 2.0);
}

.slider:focused .thumb {
	-fx-background-radius: 1.0em; /* makes sure this remains circular */
}

.slider .track {
	-fx-background-color: rgba(187.0, 187.0, 187.0, 1.0);
	-fx-background-insets: 0.0 0.0 -1.0 0.0, 0.0, 1.0;
	-fx-background-radius: 0.25em, 0.25em, 0.166667em; /* 3 3 2 */
	-fx-padding: 0.25em; /* 3 */
}

.slider:vertical .track {
	-fx-background-color: rgba(187.0, 187.0, 187.0, 1.0);
}

.slider .axis {
	-fx-tick-label-fill: derive(-fx-text-background-color, 30.0%);
	-fx-tick-length: 5.0px;
	-fx-minor-tick-length: 3.0px;
	-fx-border-color: null;
}

/*******************************************************************************
 *                                                                             *
 * ListView                                                                    *
 *                                                                             *
 ******************************************************************************/
.list-view {
	-fx-background-color: rgba(195.0, 195.0, 195.0, 1.0),
		rgba(255.0, 255.0, 255.0, 0.8);
	-fx-background-insets: 0.0, 1.0;
	-fx-padding: 1.0;
}

.list-cell {
	-fx-background: rgba(255.0, 255.0, 255.0, 0.5);
}

.list-view:focused>.virtual-flow>.clipped-container>.sheet>.list-cell:filled:selected
	{
	-fx-background: rgba(210.0, 210.0, 210.0, 1.0);
	-fx-table-cell-border-color: derive(-fx-selection-bar, 20.0%);
	/**-fx-background: rgba(155, 155, 155, 0.5);**/
	/**-fx-table-cell-border-color: null;**/
	/**-fx-table-cell-border-color: derive(-fx-selection-bar, 20%);**/
}

/*******************************************************************************
 *                                                                             *
 * TableView                                                                   *
 *                                                                             *
 ******************************************************************************/
.table-view {
	-fx-background-color: transparent;
	-fx-background-insets: 0.0, 1.0;
	-fx-padding: 1.0;
}

.table-view>.virtual-flow>.scroll-bar:vertical {
	-fx-background-insets: 0.0, 0.0 0.0 0.0 1.0;
	-fx-padding: -1.0 -1.0 -1.0 0.0;
}

.table-view>.virtual-flow>.scroll-bar:horizontal {
	-fx-background-insets: 0.0, 1.0 0.0 0.0 0.0;
	-fx-padding: 0.0 -1.0 -1.0 -1.0;
}

.table-view>.virtual-flow>.corner {
	-fx-background-color: rgba(210.0, 210.0, 210.0, 1.0);
}

.table-view:focused>.virtual-flow>.clipped-container>.sheet>.table-row-cell:filled:selected
	{
	-fx-background: rgba(210.0, 210.0, 210.0, 1.0);
	-fx-table-cell-border-color: derive(-fx-selection-bar, 20.0%);
}

.table-view>.virtual-flow {
	-fx-background-color: transparent;
	-fx-background-radius: 0.0;
}

.table-row-cell {
	-fx-background: rgba(255.0, 255.0, 255.0, 0.3);
	-fx-background-color: -fx-background;
	-fx-text-fill: -fx-text-background-color;
}

.table-view>.column-header-background {
	-fx-background-color: rgba(195.0, 195.0, 195.0, 1.0),
		rgba(255.0, 255.0, 255.0, 0.8);
	-fx-background-insets: 0.0, 1.0;
	-fx-padding: 1.0;
}

/******************************************************************************
 *                                                                            *
 * TabPane                                                                    *
 *                                                                            *
 ******************************************************************************/
.tab-header-area {
	-fx-padding: 0.0 0.0 0.0 0.0;
}

.tab-pane:top *.tab-header-area {
	-fx-background-insets: 0.0, 0.0 0.0 0.0 0.0;
	/* -fx-padding: 0.416667em 0.166667em 0.0em 0.833em; /* 5 2 0 10 */
	-fx-padding: 0.0 0.0 0.0 0.0;
}

.tab-pane .tab-header-area .tab-header-background {
	-fx-background-color: #ffffff;
	-fx-border-color: white white #e1e1e1 white;
	-fx-border-insets: 0.0;
}

.tab-pane {
	-fx-tab-min-width: 90.0px;
}

.tab {
	-fx-background-insets: 0.0 1.0 0.0 0.0, 0.0, 0.0;
}

.tab-pane .tab {
	-fx-background-color: #e6e6e6;
	-fx-background-radius: 0.0;
}

.tab-pane .tab:selected {
	-fx-background-color: #299bb4;
}

.tab .tab-label {
	-fx-alignment: CENTER;
	-fx-text-fill: #828282;
	-fx-font-size: 12.0px;
	-fx-font-weight: bold;
}

.tab:selected .tab-label {
	-fx-alignment: CENTER;
	-fx-text-fill: #ffffff;
}

/******************************************************************************
 *                                                                            *
 * WebView                                                                    *
 *                                                                            *
 ******************************************************************************/
.web-view {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
	-fx-padding: 0.0;
}

.web-view>.viewport {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
	-fx-padding: 0.0;
}

.web-view>.scroll-pane, .web-view>.scroll-pane>.viewport {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
	-fx-padding: 0.0;
}

.web-view>.track-background {
	-fx-background-color: null;
	-fx-background-insets: 0.0;
	-fx-padding: 0.0;
}

/****透明的关键***/
.web-view>.virtual-flow>.corner {
	-fx-background-color: null;
}

.web-view>.scroll-bar:horizontal {
	-fx-background-color: rgba(250.0, 250.0, 250.0, 1.0);
}

.web-view>.scroll-bar:horizontal>.increment-button, .web-view>.scroll-bar:horizontal>.decrement-button
	{
	-fx-padding: 0.166667em 0.25em 0.25em 0.25em; /** 2 3 3 3 **/
	-fx-background-color: rgba(1.0, 1.0, 1.0, 0.1);
}

.web-view>.scroll-bar:vertical {
	-fx-background-color: rgba(250.0, 250.0, 250.0, 1.0);
}

.web-view>.scroll-bar:vertical>.increment-button, .web-view>.scroll-bar:vertical>.decrement-button
	{
	-fx-padding: 0.25em 0.25em 0.25em 0.166667em; /** 3 3 3 2 **/
}

/******************************************************************************
 *                                                                            *
 * Pagination                                                                 *
 *                                                                            *
 ******************************************************************************/
.pagination>.pagination-control>.control-box>.bullet-button {
	-fx-background-radius: 0.0, 4.0em, 4.0em, 4.0em, 4.0em;
	-fx-padding: 0.333em;
	-fx-background-color: transparent, -fx-outer-border, -fx-inner-border,
		-fx-body-color;
	-fx-background-insets: 0.0, 5.0, 6.0, 7.0;
}

.pagination>.pagination-control>.control-box>.bullet-button:selected {
	-fx-base: -fx-accent;
}

.pagination.bullet>.pagination-control>.control-box {
	-fx-spacing: 0.0;
	-fx-alignment: center;
}

.pagination.bullet>.pagination-control>.control-box>.left-arrow-button {
	-fx-background-radius: 4.0em;
	-fx-background-insets: 0.0, 1.0, 2.0;
	-fx-padding: 0.0em 0.25em 0.0em 0.083em; /* 0 3 0 1 */
}

.pagination.bullet>.pagination-control>.control-box>.right-arrow-button
	{
	-fx-background-radius: 4.0em;
	-fx-background-insets: 0.0, 1.0, 2.0;
	-fx-padding: 0.0em 0.083em 0.0em 0.25em; /* 0 1 0 3 */
}

.pagination>.pagination-control>.control-box>.number-button {
	-fx-background-radius: 0.0;
	-fx-padding: 0.166667em 0.333em 0.25em 0.333em;
	-fx-background-color: -fx-shadow-highlight-color, -fx-outer-border,
		-fx-inner-border, -fx-body-color;
}

.pagination>.pagination-control>.control-box>.number-button:selected {
	-fx-base: -fx-accent;
}

.pagination>.pagination-control>.page-information {
	-fx-padding: 0.416em 0.0 0.0 0.0;
}

/******************************************************************************
 *                                                                            *
 * OnlyPopup                                                                  *
 *                                                                            *
 ******************************************************************************/
.only-popup {
	-fx-effect: dropshadow(gaussian, rgba(0.0, 0.0, 0.0, 0.2), 10.0, 0.5,
		2.0, 2.0);
}

.only-popup>.content {
	-fx-background-color: rgba(255.0, 255.0, 255.0, 0.75);
}